import UnAccessPage from '@/pages/403';
import { RunTimeLayoutConfig } from '@umijs/max';
import RightComp from './comps/right';

export const themeConfig = {
  token: {
    colorPrimary: '#1677ff', // 主题色
    colorError: 'rgba(253, 205, 197, 1)',
    borderRadius: 2,
    borderRadiusSM: 2,
    borderRadiusLG: 2,
  },
};

export const layout: typeof RunTimeLayoutConfig = (value: any) => {
  // console.log(value, 'layout-运行时能获取的数据');

  return {
    // logo: false,
    menu: {
      locale: false,
    },
    layout: 'mix',
    title: '@umijs/max',

    // splitMenus: true,
    // 默认布局调整
    siderWidth: 220,
    // 自定义 403 页面
    unAccessible: <UnAccessPage />,
    // 自定义 404 页面
    // noFound: () => ,
    actionsRender: () => <RightComp />, //自定义页面右上角 的操作栏渲染
    // headerContentRender: ()=>'头部', //自定义头部内容渲染方式，不影响title和logo
    menuFooterRender: false, //menu底部渲染
    // collapsed: false, //控制菜单是否折叠
    iconfontUrl: '/src/iconFont/iconfont3.js',
    token: {
      // bgLayout:'red',
      sider: {
        // colorMenuBackground: '#EAF4FF',
        // colorTextMenuActive: 'blue',
        // colorTextMenuSelected:'#fff',
        // colorBgMenuItemSelected: '#45C0F0 ',
      },
      header: {
        // colorBgHeader: 'transparent',
      },
      PageContainer: {
        //如果使用pagecontainer，则需要设置自带的padding为0
        // paddingBlockPageCon: 0,
      },
    },
  };
};
